<script setup>



</script>

<template>
<div id="app">
  <nav>
    <RouterLink to="/">首页</RouterLink>
    <RouterLink to="/about">关于页面</RouterLink>
  </nav>
  <main>
    <RouterView />
  </main>
</div>
</template>
<style scoped>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

nav {
  padding: 20px;
}
nav a {
  font-weight: bold;
  color: #2c3e50;
  margin: 0 10px;
  text-decoration: none;
}

nav a.router-link-exact-active {
  color: #42b983;
}

</style>

